<template>
  <div>
    <h1>hello vue</h1>
    <!-- 

      组件的使用
      1、创建组件，封装结构样式等
      2、注册
        全局注册 Vue.component(“组件名”,组件对象)
        局部注册 components: {“组件名”:组件对象}
      3、使用
        直接把组件名当成标签名使用即可
     -->
    <myHeader></myHeader>
    <myFooter></myFooter>
  </div>
</template>

<script>
// 引入需要注册的组件
import myHeader from "./components/myHeader.vue"
export default {
  // 注册
  components: {
    // myHeader: myHeader
    myHeader  // 键名键值一样可以省略写
  }
}
</script>

<style>

</style>